<template>
	<div id="mitool">
		<el-row>
			<el-col :span="6">
				<artNav></artNav>
			</el-col>
			<el-col :span="18">
				<p class="crumbs"><a href="javascript:;"><em>&lt;</em>返回</a></p>
				<!--<artDetail></artDetail>-->
				<artList></artList>
			</el-col>
		</el-row>
	</div>
</template>
<script>
	import * as list from "../../../mine/module/list/main";
	import * as detail from "../detail/main";
	export default {
        name: "mitool",
        components: {
            artDetail: detail.detail,
            artNav: detail.leftnav,
            artList: list.list,
        },
        
	}
</script>
<style scoped lang="less" rel="stylesheet/less" type="text/css">
	@import '../../../../public/css/variable.less';	
    .el-col-18{
    	padding: 20px 35px;
		box-sizing: border-box;
		border: 1px solid #f4f4f4;
		.bdr(5px);
    }
	.crumbs{
		position: relative;
		padding-bottom: 20px;
		border-bottom: 1px solid #efefef;
		margin-bottom: 30px;
		height: 40px;
		line-height: 40px;
		text-align: right;
		a{
			.fonts(15px);
			cursor: pointer;
			color: #8f9397;
			.trans(.3s);
			&:hover{ color: @cgolden; }
		}
		
		em{
			font-family: "宋体";
			.fonts(15px);
			padding-right: 5px;
		}
		&:before{
			content: "";
			position: absolute;
			width: 60px;
			height: 3px;
			background: #d8b26a;
			bottom: 0;
			left: 0;
		}
	}
</style>